<Grid MinWidth="800" MinHeight="600" Background="Black">
  <Grid.Style>
    <Style TargetType="{x:Type Grid}">
      <Style.Triggers>
        <EventTrigger RoutedEvent="UIScene.TransitionIn">
          <BeginStoryboard>
            <BeginStoryboard.Storyboard>
              <Storyboard>
                <SingleAnimation Storyboard.TargetName="MainPanel" Storyboard.TargetProperty="Opacity" FillBehavior="Stop" From="0.0" To="1.0" Duration="00:00:0.5" />
                <SingleAnimation Storyboard.TargetName="ServerList" Storyboard.TargetProperty="Opacity" FillBehavior="Stop" From="0.0" To="1.0" Duration="00:00:0.5" />
              </Storyboard>
            </BeginStoryboard.Storyboard>
          </BeginStoryboard>
        </EventTrigger>
        <EventTrigger RoutedEvent="UIScene.TransitionOut">
          <BeginStoryboard>
            <BeginStoryboard.Storyboard>
              <Storyboard>
                <SingleAnimation Storyboard.TargetName="MainPanel" Storyboard.TargetProperty="Opacity" To="0.0" Duration="00:00:00.5" />
                <SingleAnimation Storyboard.TargetName="ServerList" Storyboard.TargetProperty="Opacity" To="0.0" Duration="00:00:00.5" />
              </Storyboard>
            </BeginStoryboard.Storyboard>
          </BeginStoryboard>
        </EventTrigger>
      </Style.Triggers>
    </Style>
  </Grid.Style>
    
  <Grid.ColumnDefinitions>
    <ColumnDefinition Width="0.1*" />
    <ColumnDefinition Width="0.8*" />
    <ColumnDefinition Width="0.1*" />
  </Grid.ColumnDefinitions>

  <Grid.RowDefinitions>
    <RowDefinition Height="0.1*" />
    <RowDefinition Height="0.2*" />
    <RowDefinition Height="0.6*" />
    <RowDefinition Height="0.1*" />
  </Grid.RowDefinitions>
  
  <Grid Grid.Row="1" Grid.Column="1" Margin="0, 20, 0, 20" x:Name="MainPanel">    
    <StackPanel Orientation="Horizontal" HorizontalAlignment="Left" Height="35">
      <TextBlock Foreground="#FFFF9C00" FontSize="30.0" FontFamily="Swiss" VerticalAlignment="Center">SERVER NAME:</TextBlock>
      <TextBox x:Name="ServerName" Width="300.0" FontSize="30.0" Margin="5, 0, 0, 0" Text="192.168.1.2" FontFamily="Swiss"></TextBox>
    </StackPanel>
      
    <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" Height="35">
      <TextBlock Foreground="#FFFF9C00" FontSize="30.0" Margin="20.0, 0.0, 0.0, 0.0" FontFamily="Swiss" VerticalAlignment="Center">PORT:</TextBlock>
      <TextBox x:Name="ServerPort" FontSize="30.0" FontFamily="Swiss" Width="50.0" Margin="5, 0, 0, 0" Text="2592" />
      <Button x:Name="ButtonConnect" Content="CONNECT" FontFamily="Swiss" FontSize="30.0" Margin="10.0, 0.0, 0.0, 0.0" />
    </StackPanel>
  </Grid>

  <MultiColumnList Grid.Row="2" Grid.Column="1" HorizontalAlignment="Center" x:Name="ServerList" FontSize="30" FontFamily="Swiss">
    <MultiColumnList.Columns>
        <MultiColumnListColumn Width="200" Text="SERVER" />    
        <MultiColumnListColumn Width="50" Text="PORT" />    
        <MultiColumnListColumn Width="150" Text="STATUS" />    
        <MultiColumnListColumn Width="150" Text="TYPE" />    
        <MultiColumnListColumn Width="50" Text="AGE" />    
    </MultiColumnList.Columns>
  </MultiColumnList>

</Grid>

